import Wrapper from "./style";
import {Button} from "antd";
import blank from "@/static/imgs/courseContent/blank.png";
const InteractiveQuizzes = () => {
    const topBtnStyle = {
        backgroundColor: "#00ca90",
        borderColor: "#00ca90",
        color: "#fff",
        width: "144px",
        height: "36px",
        borderRadius: "20px",
    }
    return (
        <Wrapper>
            <div className="top flex">
                <div className="left flex">
                    <div>共</div>
                    <div>0</div>
                    <div>个活动</div>
                </div>
                <div className="right">
                    <Button style={topBtnStyle} type="primary">+ 添加互动答题</Button>
                </div>
            </div>
            <div className="content">
                <div className="no-data">
                    <img src={blank} alt=""/>
                    <div>暂无数据</div>
                </div>
            </div>
        </Wrapper>
    )
}
export default InteractiveQuizzes;